<template>
  <div class="prescription-list-container">
    <div
      class="prescription-item"
    >
      <div class="table">
        <el-table
          :border="false"
          width="100%"
          :data="prescriptionItem.details"
        >
          <el-table-column
            prop="product_name"
            label="药品名称"
            align="left"
            width="20%"
          >
          </el-table-column>
          <el-table-column prop="pack" align="center" label="规格" width="15%">
          </el-table-column>
          <el-table-column
            prop="medication_rate"
            align="center"
            label="频率"
            width="15%"
          >
          </el-table-column>
          <el-table-column
            align="center"
            label="单次剂量"
            width="15%"
          >
            <template slot-scope="scope">{{scope.row.single_dose?`${scope.row.single_dose}${scope.row.single_unit}`:""}}</template>
          </el-table-column>
          <el-table-column
            prop="use_way"
            align="center"
            label="用法"
            width="15%"
          >
          </el-table-column>
          <el-table-column
            prop="number"
            align="center"
            label="数量"
            width="10%"
          >
          </el-table-column>
          <el-table-column
            prop="price"
            align="center"
            label="单价"
            width="10%"
          >
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    props: {
        prescriptionItem: {
            type: Object,
            default: ()=>{}
        }
    }
}
</script>

<style lang="scss" scoped>
@import "@/assets/scss/print/cyPrescriptionList.scss";
</style>